<!DOCTYPE html>
<html>
<head>
  <title><%= content_for?(:title) ? yield(:title) : @meta_data[:title] || 'Catlog' %></title>
  <%= raw @meta_data[:meta].map { |name, content| content_tag :meta, nil, name: name, content: content }.join %>
  <%= favicon_link_tag asset_path('favicon.png'), type: 'image/png' %>
  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  <%= csrf_meta_tags %>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body>

<header class="cl main container">
  <div class="container">
    <div class="content">
      <div class="col4 logo">
        <%= link_to image_tag(asset_path('catlog-logo.png')), root_path %>
      </div>
      <div class="blank col1"></div>
      <div class="col7">
        <nav class="cl main" id="nav----main">
            <ul class="clearfix">
              <% AppSettings.navs.each do |nav| %>
                <%= content_tag :li, link_to(
                        content_tag(:i, nil, class: "icon-#{nav['icon']}") + content_tag(:span, nav['name'], class: 'hide-mobile'),
                        nav['link']), id: "nav----#{nav['name'].underscore}" %>
              <% end %>
            </ul>
        </nav>
      </div>
    </div>
  </div>
</header>

<div class="clearfix">
  <%= yield %>
</div>

<footer class="cl main"></footer>

<button id="totop" class="cl button green medium enter pull-right"><i class="icon-arrow-up2"></i></button>

<a href="javascript:void(0);" id="showside" class="hide-desktop">^</a>

</body>
</html>
